<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	double perMaxSize = 2.0;//单个文件允许的max大小   
	String sizeUnit = "MB";//perMaxSize数据对应的单位   
	String ext = "*.jpg;*.jpeg;*.gif";//允许上传的文件类型   
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path;
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Hyves.net - Always in touch with your friends</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="<%=basePath%>/style/main.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/style20.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/ie6.css" type="text/css"
			rel="stylesheet" />
		<link href="<%=basePath%>/style/default.css" type="text/css"
			rel="stylesheet" />
		<script language="javascript" type="text/javascript"
			src="<%=basePath%>/script/swfupload.js"></script>
		<script language="javascript" type="text/javascript"
			src="<%=basePath%>/script/swfupload.swfobject.js"></script>
		<script language="javascript" type="text/javascript"
			src="<%=basePath%>/script/swfupload.queue.js"></script>
		<script language="javascript" type="text/javascript"
			src="<%=basePath%>/script/fileprogress.js"></script>
		<script language="javascript" type="text/javascript"
			src="<%=basePath%>/script/handlers.js"></script>
		<script type="text/javascript">  
			var swfu;   
			SWFUpload.onload = function () {   
			    var settings = {   
			        flash_url : "<%=basePath%>/script/swfupload.swf",   
			        upload_url: "<%=basePath%>/group/uploadPhotos",   
			        file_size_limit : "<%=perMaxSize%> <%=sizeUnit%>",   
			        file_types : "<%=ext%>",   
			        file_types_description : "<%=ext%>",   
			        file_upload_limit : 20,   
			        file_queue_limit : 0,   
			        custom_settings : {   
			            progressTarget : "fsUploadProgress",   
			            cancelButtonId : "btnCancel",   
			            uploadButtonId : "btnUpload",   
			            myFileListTarget : "idFileList"   
			        },   
			        debug: false,   
			        auto_upload:false,   
			  
			        // Button Settings   
			        button_image_url : "<%=basePath%>/images/XPButtonUploadText_61x22.png",   // Relative to the SWF file   
			        button_placeholder_id : "spanButtonPlaceholder",   
			        button_width: 61,   
			        button_height: 22,   
			  
			        // The event handler functions are defined in handlers.js   
			        swfupload_loaded_handler : swfUploadLoaded,   
			        file_queued_handler : fileQueued,   
			        file_queue_error_handler : fileQueueError,   
			        file_dialog_complete_handler : fileDialogComplete,   
			        upload_start_handler : uploadStart,   
			        upload_progress_handler : uploadProgress,   
			        upload_error_handler : uploadError,   
			        upload_success_handler : uploadSuccess,   
			        upload_complete_handler : uploadComplete,   
			        queue_complete_handler : queueComplete, // Queue plugin event   
			           
			        // SWFObject settings   
			        minimum_flash_version : "9.0.28",   
			        swfupload_pre_load_handler : swfUploadPreLoad,   
			        swfupload_load_failed_handler : swfUploadLoadFailed   
			    };   
			  
			    swfu = new SWFUpload(settings);   
			}   
			  
			</script>


	</head>
	<body>

		<jsp:include page="/site/common/header.jsp"></jsp:include>

		<div id="leaderboard">
			<div id="adheseholder_12601752621" style="DISPLAY: none">
				<iframe id="adheseframe_12601752621"
					src="LifestyleS - Hyves_nl.files/0.htm" frameborder="0" width="1"
					scrolling="No" height="0" allowtransparency="allowTransparency"></iframe>
			</div>
		</div>
		<div id="page-con">
			<div id="page-con-hdr">
				<div class="box">
					<div class="groups-header">
						<div class="wrapper w4">
							<div class="section s1"></div>
						</div>
						<div class="wrapper w2">
							<div class="section s1">
								<div id="page-con-info">
									<div class="avatar small">
										<a class="avatar-link" title="${group.name }"
											href="<%=basePath%>/group/view?id=${group.id }"><img
												class="avatar-img mediaicon14" alt="${group.name }"
												src="<%=basePath%>/images/group-header/${group.groupHeader }" />
										</a>
									</div>
									<h1>
										<!-- google_ad_section_start -->
										<a href="<%=basePath%>/group/view?id=${group.id }">${group.name
											}</a>
										<!-- google_ad_section_end -->
									</h1>
									<!--  (Hyve) -->
									<ul id="profile-menu">
										<li class="first">
											<a href="http://lifestyles.hyves.nl/address/">About</a> |
										</li>
										<li class="current">
											<!-- google_ad_section_start -->
											<a href="http://lifestyles.hyves.nl/photos/">Photos</a> |
											<!-- google_ad_section_end -->
										</li>
										<li>
											<a href="http://lifestyles.hyves.nl/forum/">Messages</a> |
										</li>
										<li class="last" id="profile-menu-more">
											<a class="sub-menu-title" onclick="return false;"
												href="javascript:void(0);">More</a>
											<div class="sub-menu">
												<div class="sub-menu-bg">
													<div class="sub-menu-bg-pimp">
														<div class="sub-menu-hdr">
															<div class="sub-menu-hdr-bg"></div>
														</div>
														<ul>
															<li class="first">
																<a href="http://lifestyles.hyves.nl/members/">Members</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/events/">Agenda</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/polls/">Polls</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/widget/">Gadgets</a>
															</li>
															<li>
																<a href="http://lifestyles.hyves.nl/blog/">Blogs</a>
															</li>
															<li class="last">
																<a href="http://lifestyles.hyves.nl/minibuzz/">Buzz</a>
															</li>
														</ul>
														<div class="sub-menu-bg-mf-pimp"></div>
													</div>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<!-- 
							<div class="section s2">
								<div id="page-con-optns">
									<div>
										<a class="disabled icon icon-lifebelt action-icon-text"
											id="toggle_pimp_off" onclick="return false;"
											href="javascript:void(0);">Show in normal design</a>
									</div>
									<div>
										<a class="icon icon-lifebelt action-icon-text"
											id="toggle_pimp_on" onclick="return false;"
											href="javascript:void(0);">Show personalized design!</a>
									</div>
								</div>
							</div>
							 -->
						</div>
						<div class="wrapper w4">
							<div class="section s1">
								<div class="box" id="tidalboard-google-ad">
									<div class="box-con">
										<div class="box-con-bg"></div>
										<div class="box-con-inner">
											<div id="adsense_f23_box" style="DISPLAY: none">
												<div class="adsbyg">
													Advertenties door Google
													<a href="http://google-feedback.hyves.nl/" target="_blank">?</a>
												</div>
												<div id="adsense_f23_content"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="box-con-bg"></div>
				</div>
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-hdr -->
			<div id="page-con-body">
				<div class="wrapper w4">
					<div class="section s1">
						<div class="box media-overview-group">
							<div class="box-hdr">
								<div class="box-hdr-bg"></div>
								<div class="box-hdr-inner">
									<h2>
										批量上传相片 （支持的相片类型：<%=ext%>；单个相片最大不能超过：<%=perMaxSize%>
										<%=sizeUnit%>）
									</h2>
								</div>
							</div>
							<div class="box-con">
								<div class="box-con-bg"></div>
								<div class="box-con-inner">
									<table width="78%" cellspacing="4" cellpadding="4" border="0"
										bgcolor="#FCFCFC" align="center">
										<tr>
											<td class="DH1">
												<div id="content">
													<form action="<%=basePath %>/group/uploadPhotos"
														method="post" enctype="multipart/form-data">
															<table width="90%" cellspacing="0" cellpadding="0"
																border="0">
																<tr>
																	<td colspan="2">
																		<span id="spanButtonPlaceholder"></span>
																		<input id="btnUpload" type="button" value="上传相片"
																			class="btn" />
																		<input id="btnCancel" type="button" value="取消全部上传"
																			disabled="disabled" class="btn" />
																	</td>
																</tr>
															</table>
															<table id="idFileList" class="uploadFileList">
																<tr class="uploadTitle">
																	<td width="50%">
																		<B>文件名</B>
																	</td>
																	<td width="20%">
																		<B>文件大小</B>
																	</td>
																	<td width=20%>
																		<B>状态</B>
																	</td>
																	<td width=10%>
																		&nbsp;
																	</td>
																</tr>
															</table>
														等待上传
														<span id="idFileListCount">0</span> 个 ，成功上传
														<span id="idFileListSuccessUploadCount">0</span> 个
														<div id="divSWFUploadUI" style="visibility: hidden;"></div>
															<noscript
																style="display: block; margin: 10px 25px; padding: 10px 15px;">
																很抱歉，相片上传界面无法载入，请将浏览器设置成支持JavaScript。
															</noscript>
															<div id="divLoadingContent" class="content"
																style="background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px; display: none;">
																相片上传界面正在载入，请稍后...
															</div>
															<div id="divLongLoading" class="content"
																style="background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px; display: none;">
																相片上传界面载入失败，请确保浏览器已经开启对JavaScript的支持，并且已经安装可以工作的Flash插件版本。
															</div>
															<div id="divAlternateContent" class="content"
																style="background-color: #FFFF66; border-top: solid 4px #FF9966; border-bottom: solid 4px #FF9966; margin: 10px 25px; padding: 10px 15px; display: none;">
																很抱歉，相片上传界面无法载入，请安装或者升级您的Flash插件。 请访问：
																<a
																	href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
																	target="_blank">Adobe网站</a> 获取最新的Flash插件。
															</div>
													</form>
												</div>
											</td>
										</tr>
									</table>
								</div>
							</div>
						</div>
					</div>
					<!-- section s1 -->
				</div>
				<!-- wrapper w4 -->
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-body -->
			<div id="page-con-ftr">
				<div class="border"></div>
				<div class="bg"></div>
			</div>
			<!-- page-con-ftr -->
		</div>

		<jsp:include page="/site/common/footer.jsp"></jsp:include>

	</body>
</html>